<!DOCTYPE html>
<html lang="zh-Hans">
<head>
	<meta charset="UTF-8">
	<title>歌曲播放</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/song.css">
	<!-- 歌词css动画 -->
	<link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css">
</head>
<body>
	<div class="page" id="page">

		<!-- logo 指针 -->
		<section class="pointer">
			<!-- <img class="logo" src="https://i.loli.net/2018/01/18/5a607ab96f850.png" alt="logo"> -->
			<img class="point" src="https://i.loli.net/2018/01/18/5a6076c4f1e1b.png" alt="指针">
		</section>
		<!-- 黑胶唱片 -->
		<section class="disk">
			<div class="icon-wrapper">	
				<svg class="iconfont icon-bofang">
			 		<use xlink:href="#icon-bofang"></use>
				</svg>
				<svg class="iconfont icon-pause">
				 	<use xlink:href="#icon-pause"></use>
				</svg>
		 	</div>
			<div class="circle">
				<img id="bg" src="http://p1.music.126.net/vVV6_b_CfNzBfv4rVfiwOw==/109951165975303461.jpg?param=300x300" alt="封面">
				<!-- //i.loli.net/2017/10/08/59da11c6739ab.jpg -->
			</div>
		</section>

		<!-- 歌词 -->
		<section class="lyric">
			<h1></h1>
			<div class="word">
				<!-- 滑动 -->
				<div class="lines">
					<p class="active">成龙：该愤怒</p>
					<p class="active">成龙：该愤怒</p>
					<p class="active">成龙：该愤怒</p>
					<p class="active">成龙：该愤怒</p>
					<p class="active">成龙：该愤怒</p>
					<p class="active">成龙：该愤怒</p>
					<p class="active">成龙：该愤怒</p>
					<p class="active">成龙：该愤怒</p>
					<p class="active">成龙：该愤怒</p>
					<p class="active">成龙：该愤怒</p>
					<p class="active">成龙：该愤怒</p>
					<p class="active">成龙：该愤怒</p>
					<p class="active">成龙：该愤怒</p>
					<p class="active">成龙：该愤怒</p>
					<p class="active">成龙：该愤怒</p>
					<p class="active">成龙：该愤怒</p>
					<p class="active">成龙：该愤怒</p>
					<p class="active">成龙：该愤怒</p>
					<p class="active">成龙：该愤怒</p>
				</div>
			</div>
			
		</section>
		<!-- 链接 -->
		<section class="links">
			<a href="#">打开</a>
			<a class="main" href="#">下载</a>
		</section>

	</div>
	<script src="https://at.alicdn.com/t/font_429186_st29x7u3sd04fgvi.js"></script>
	<!-- 引入jquery -->
	<!-- <script src="vendors/jquery.min.js"></script> -->
	<!-- <script src="vendors/av-min.js"></script> -->
	<!-- <script src="js/av.js"></script> -->
	<!-- <script src="js/song.js"></script> -->
</body>
</html>